<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="data.php" method="GET" name="first">
        <p>
            用户名：<input type="text" value="请输入您的用户名">
        </p>
        <p>
            输入密码：<input type="password" value="请输入您的密码">
        </p>
        <p>
            性别：
            <input type="radio" name="sex" checked="checked" id="female"> <label for="female">男</label>
            <input type="radio" name="sex" id="male" ><label for="male">女</label> 
        </p>
        <p>
            爱好：
            <label><input type="checkbox" name="hobby">跑步</label>
            <label><input type="checkbox" name="hobby" checked="checked">看书</label>
            <label><input type="checkbox" name="hobby">电影</label>
            <label><input type="checkbox" name="hobby">代码</label>
        </p>
        <p>
            文件：<input type="file" multiple="multiple">
        </p>
        <p>
            自我介绍：
            <textarea name="" id="" cols="30" rows="10">请输入一个200字的自我介绍</textarea>
        </p>
        <p>
            选择所在的城市：
            <select>
                <optgroup label="国内">
                    <option>北京</option>
                    <option selected="selected">上海</option>
                    <option>广州</option>
                    <option>厦门</option>
                </optgroup>
                <optgroup label="国外">
                    <option>伦敦</option>
                    <option>东京</option>
                    <option>纽约</option>√
                </optgroup>
            </select>
        </p>
        <p>
            <input type="button" value="普通按钮">
            <input type="reset" value="重置按钮">
            <input type="submit" value="提交">
            <input type="image" src="images/btn.png">
        </p>
    </form>
</body>
</html>